<template>
  <div class="con">
    <div class="contbox6_10" v-if="infoDatas != null">
      <div class="titlelist6_10">
        机构管理&nbsp;&nbsp;/&nbsp;&nbsp;机构列表&nbsp;&nbsp;/&nbsp;&nbsp;查看详情
      </div>
      <div class="content">
        <el-form ref="form" :model="form" label-width="150px">
          <div v-if="infoDatas.agtType == 0 || infoDatas.agtType == 3">
            <div class="basicInfo">基本信息</div>
            <el-form-item
              class="list"
              v-if="disabledSelect != 0"
              label="机构类型："
            >
              {{ types[infoDatas.agtType] }}
            </el-form-item>
            
            <el-form-item
              class="list"
              v-if="disabledSelect != 0 && jurisdiction == 2"
              label="服务商编号："
            >
              {{ serveCode ? serveCode : "" }}
            </el-form-item>
            <el-form-item
              class="list"
              v-if="disabledSelect != 0"
              label="机构名称："
            >
              {{ infoDatas.officeName ? infoDatas.officeName : "" }}
            </el-form-item>
            <!-- <el-form-item
              class="list"
              v-if="disabledSelect != 0"
              label="营业执照号："
            >
              {{ infoDatas.organizCode ? infoDatas.organizCode : "暂无" }}
            </el-form-item>
            <el-form-item
              class="list"
              v-if="disabledSelect != 0"
              label="法人姓名："
            >
              {{
                infoDatas.legalPersonName ? infoDatas.legalPersonName : "暂无"
              }}
            </el-form-item>
            <el-form-item
              class="list"
              v-if="disabledSelect != 0"
              label="法人身份证号："
            >
              {{
                infoDatas.legalPersonIdCard
                  ? infoDatas.legalPersonIdCard
                  : "暂无"
              }}
            </el-form-item> -->
            <el-form-item
              class="list"
              v-if="disabledSelect != 0"
              label="联系人："
            >
              {{ infoDatas.master ? infoDatas.master : "" }}
            </el-form-item>
            <el-form-item
              class="list"
              v-if="disabledSelect != 0"
              label="联系地址："
            >
              {{infoDatas.provinceName}}{{infoDatas.cityName}}{{infoDatas.countryName}}
            </el-form-item>
            <el-form-item
              class="list"
              v-if="disabledSelect != 0"
              label="登录手机号："
            >
              {{ infoDatas.phone ? infoDatas.phone : "" }}
            </el-form-item>
            <el-form-item
              class="list"
              v-if="disabledSelect != 0"
              label="电子邮箱"
            >
              {{ infoDatas.email ? infoDatas.email : "" }}
            </el-form-item>
            <!-- <el-form-item class="lists" v-if="disabledSelect != 0" label="联系地址">
            {{  infoDatas.email}} 
            </el-form-item>-->
            <!-- <el-form-item
              class="lists"
              v-if="disabledSelect != 0"
              label="经营范围："
            >
              {{ infoDatas.mccCont ? infoDatas.mccCont : "暂无" }}
            </el-form-item> -->
            <!-- <el-form-item
              class="lists"
              v-if="disabledSelect != 0"
              label="机构秘钥："
            >
              {{ infoDatas.genKey }}
            </el-form-item> -->
          </div>

          <div v-if="infoDatas.agtType == 1">
            <div class="basicInfo">基本信息</div>
            <el-form-item
              class="list"
              v-if="disabledSelect != 0"
              label="代理类型："
            >
              {{ types[infoDatas.agtType] }}
            </el-form-item>
            <!-- <el-form-item
              class="list"
              v-if="disabledSelect != 0"
              label="启用类型："
            >
              {{ status[infoDatas.status] }}
            </el-form-item> -->
            <el-form-item
              class="list"
              v-if="disabledSelect != 0"
              label="机构名称： "
            >
              {{ infoDatas.officeName ? infoDatas.officeName : "" }}
            </el-form-item>
            <el-form-item
              class="list"
              v-if="disabledSelect != 0"
              label="联系人："
            >
              {{ infoDatas.master ? infoDatas.master : "" }}
            </el-form-item>
            <el-form-item
              class="list"
              v-if="disabledSelect != 0"
              label="联系人电话："
            >
              {{ infoDatas.phone ? infoDatas.phone : "" }}
            </el-form-item>
            <el-form-item
              class="list"
              v-if="disabledSelect != 0"
              label="电子邮箱："
            >
              {{ infoDatas.email ? infoDatas.email : "" }}
            </el-form-item>
            <el-form-item  
            class="list"
              v-if="disabledSelect != 0"
            label="详细地址：">
            {{infoDatas.provinceName}}{{infoDatas.cityName}}{{infoDatas.countryName}}{{infoDatas.address}}
            </el-form-item>


            <!-- <el-form-item class="lists" v-if="disabledSelect != 0" label="联系地址">
            {{  infoDatas.email}} 
            </el-form-item>-->
            <!-- <el-form-item class="lists" v-if="disabledSelect != 0" label="经营范围">
            {{ infoDatas.mccCont }}
            </el-form-item> -->
          </div>
          <!-- <div class="basicInfo">提现规则</div>
          <el-form-item
            class="list"
            v-if="disabledSelect != 0"
            label="代付手续费："
          >
            {{
              infoDatas.singleDrawServiceCharge
                ? infoDatas.singleDrawServiceCharge
                : ""
            }}
            元
          </el-form-item>
          <el-form-item
            class="list"
            v-if="disabledSelect != 0"
            label="提现分润税率："
          >
            {{ infoDatas.taxRate ? infoDatas.taxRate : "" }} %
          </el-form-item>
          <el-form-item
            class="list"
            v-if="disabledSelect != 0"
            label="单笔最低提现金额："
          >
            {{ infoDatas.singleDrawAmt ? infoDatas.singleDrawAmt : "" }} 元
          </el-form-item>
          <el-form-item
            class="list"
            v-if="disabledSelect != 0"
            label="单日封顶提现："
          >
            {{ infoDatas.dayDrawmaxAmt ? infoDatas.dayDrawmaxAmt : "" }} 元
          </el-form-item>
          <el-form-item
            class="list"
            v-if="disabledSelect != 0"
            label="单日最大提现次数："
          >
            {{ infoDatas.dayDrawmaxCnt ? infoDatas.dayDrawmaxCnt : "" }} 次
          </el-form-item>
          <div v-if="infoDatas.agtType == 1">
            <div class="basicInfo">结算信息</div>
            <el-form-item
              class="list"
              v-if="disabledSelect != 0"
              label="结算用户名："
            >
              {{ infoDatas.accountName ? infoDatas.accountName : "" }}
            </el-form-item>
            <el-form-item
              class="list"
              v-if="disabledSelect != 0"
              label="开户银行："
            >
              {{ infoDatas.openBank ? infoDatas.openBank : "" }}
            </el-form-item>
            <el-form-item
              class="list"
              v-if="disabledSelect != 0"
              label="身份证号："
            >
              {{ infoDatas.certNbr ? infoDatas.certNbr : "" }}
            </el-form-item>
            <el-form-item
              class="list"
              v-if="disabledSelect != 0"
              label="银行卡号："
            >
              {{ infoDatas.accountNo ? infoDatas.accountNo : "" }}
            </el-form-item>
          </div> -->
          <!-- <div v-if="infoDatas.agtType == 0">
            <div class="basicInfo">支付宝</div>
            <el-form-item class="list" label="支付宝名称">
              {{ infoDatas.aliName }}
            </el-form-item>
            <el-form-item class="list" label="支付宝账号">
              {{ infoDatas.aliNo }}
            </el-form-item>
            <el-form-item class="list" label="支付宝token">
              {{ infoDatas.appId }}
            </el-form-item>
            <el-form-item class="list" label="电子邮箱">
              {{ infoDatas.aliEmail }}
            </el-form-item>
          </div> -->
          <!-- 下面原来用到的 -->
          <!-- v-if="infoDatas.agtType == 0" -->
          <div v-if="false">
            <div class="basicInfo">银行卡</div>
            <el-form-item class="list" label="银行卡类型：">
              {{ infoDatas.accountType == "1" ? "对公" : "对私" }}
            </el-form-item>
            <el-form-item class="list" label="账户名称：">
              {{ infoDatas.accountName ? infoDatas.accountName : "" }}
            </el-form-item>
            <el-form-item class="list" label="开户银行：">
              {{ infoDatas.bankName ? infoDatas.bankName : "" }}
            </el-form-item>
            <el-form-item class="list" label="开户地区：">
              {{ infoDatas.openCityName }}{{ infoDatas.openProvinceName }}
            </el-form-item>
            <el-form-item class="list" label="开户支行：">
              {{ infoDatas.openBank }}
            </el-form-item>
            <el-form-item class="list" label="开户账号：">
              {{ infoDatas.accountNo ? infoDatas.accountNo : "" }}
            </el-form-item>
            <el-form-item class="list" label="身份证号：">
              {{ infoDatas.certNbr ? infoDatas.certNbr : "" }}
            </el-form-item>
            <el-form-item class="list" label="开户手机号：">
              {{ infoDatas.reservedMobile ? infoDatas.certNbr : "" }}
            </el-form-item>
          </div>
          <!-- 下面用到的 -->
          <!--  v-if="infoDatas.agtType == 1" -->
          <div v-if="false">
            <div class="basicInfo">资质</div>
            <el-form-item style="width: 100%" label-width="20px">
              <div style="float: left; margin-left: 20px">
                <el-upload
                  :disabled="true"
                  :action="httpurl + '/api/fileUpload'"
                  list-type="picture-card"
                  :file-list="imgData"
                  :limit="1"
                  name="file"
                  accept=".jpg,.jpeg,.png,.JPG,.JPEG,.PNG"
                  :before-upload="beforeUpload"
                  :on-success="handleSuccess"
                  :on-preview="handlePictureCardPreview"
                  :on-remove="handleRemove"
                >
                  <i class="el-icon-plus"></i>
                </el-upload>
                <el-dialog :visible.sync="dialogVisible">
                  <img width="100%" :src="dialogImageUrl" alt="" />
                </el-dialog>
                <p>身份证正面照片</p>
              </div>
              <div style="float: left; margin-left: 20px">
                <el-upload
                  :disabled="true"
                  :action="httpurl + '/api/fileUpload'"
                  list-type="picture-card"
                  :file-list="imgData1"
                  :limit="1"
                  name="file"
                  accept=".jpg,.jpeg,.png,.JPG,.JPEG,.PNG"
                  :before-upload="beforeUpload"
                  :on-success="handleSuccess1"
                  :on-preview="handlePictureCardPreview1"
                  :on-remove="handleRemove"
                >
                  <i class="el-icon-plus"></i>
                </el-upload>
                <el-dialog :visible.sync="dialogVisible1">
                  <img width="100%" :src="dialogImageUrl1" alt="" />
                </el-dialog>
                <p>身份证反面照片</p>
              </div>
              <div style="float: left; margin-left: 20px">
                <el-upload
                  :disabled="true"
                  :action="httpurl + '/api/fileUpload'"
                  list-type="picture-card"
                  :file-list="imgData2"
                  :limit="1"
                  name="file"
                  accept=".jpg,.jpeg,.png,.JPG,.JPEG,.PNG"
                  :before-upload="beforeUpload"
                  :on-success="handleSuccess2"
                  :on-preview="handlePictureCardPreview2"
                  :on-remove="handleRemove"
                >
                  <i class="el-icon-plus"></i>
                </el-upload>
                <el-dialog :visible.sync="dialogVisible2">
                  <img width="100%" :src="dialogImageUrl2" alt="" />
                </el-dialog>
                <p>手持身份证照片</p>
              </div>
              <div style="float: left; margin-left: 20px">
                <el-upload
                  :disabled="true"
                  :action="httpurl + '/api/fileUpload'"
                  list-type="picture-card"
                  :file-list="imgData3"
                  :limit="1"
                  name="file"
                  accept=".jpg,.jpeg,.png,.JPG,.JPEG,.PNG"
                  :before-upload="beforeUpload"
                  :on-success="handleSuccess3"
                  :on-preview="handlePictureCardPreview3"
                  :on-remove="handleRemove"
                >
                  <i class="el-icon-plus"></i>
                </el-upload>
                <el-dialog :visible.sync="dialogVisible3">
                  <img width="100%" :src="dialogImageUrl3" alt="" />
                </el-dialog>
                <p>银行卡正面照片</p>
              </div>
              <div style="float: left; margin-left: 20px">
                <el-upload
                  disabled="true"
                  :action="httpurl + '/api/fileUpload'"
                  list-type="picture-card"
                  :file-list="imgData9"
                  :limit="1"
                  name="file"
                  accept=".jpg,.jpeg,.png,.JPG,.JPEG,.PNG"
                  :before-upload="beforeUpload"
                  :on-success="handleSuccess9"
                  :on-preview="handlePictureCardPreview9"
                  :on-remove="handleRemove"
                >
                  <i class="el-icon-plus"></i>
                </el-upload>
                <el-dialog :visible.sync="dialogVisible9">
                  <img width="100%" :src="dialogImageUrl9" alt="" />
                </el-dialog>
                <p>银行卡反面照片</p>
              </div>
            </el-form-item>
          </div>
          <!-- 原来下面用到的 -->
          <!--  v-if="infoDatas.agtType == 0" -->
          <div v-if="false">
            <div class="basicInfo">资质</div>
            <el-form-item style="width: 100%" label-width="20px">
              <div style="float: left; margin-left: 20px">
                <el-upload
                  :disabled="true"
                  :action="httpurl + '/api/fileUpload'"
                  list-type="picture-card"
                  :file-list="imgData4"
                  :limit="1"
                  name="file"
                  accept=".jpg,.jpeg,.png,.JPG,.JPEG,.PNG"
                  :before-upload="beforeUpload"
                  :on-success="handleSuccess4"
                  :on-preview="handlePictureCardPreview4"
                  :on-remove="handleRemove"
                >
                  <i class="el-icon-plus"></i>
                </el-upload>
                <el-dialog :visible.sync="dialogVisible4">
                  <img width="100%" :src="dialogImageUrl4" alt="" />
                </el-dialog>
                <p>营业执照</p>
              </div>
              <div style="float: left; margin-left: 20px">
                <el-upload
                  disabled="true"
                  :action="httpurl + '/api/fileUpload'"
                  list-type="picture-card"
                  :file-list="imgData5"
                  :limit="1"
                  name="file"
                  accept=".jpg,.jpeg,.png,.JPG,.JPEG,.PNG"
                  :before-upload="beforeUpload"
                  :on-success="handleSuccess5"
                  :on-preview="handlePictureCardPreview5"
                  :on-remove="handleRemove"
                >
                  <i class="el-icon-plus"></i>
                </el-upload>
                <el-dialog :visible.sync="dialogVisible5">
                  <img width="100%" :src="dialogImageUrl5" alt="" />
                </el-dialog>
                <p>开户许可证</p>
              </div>
              <div style="float: left; margin-left: 20px">
                <el-upload
                  disabled="true"
                  :action="httpurl + '/api/fileUpload'"
                  list-type="picture-card"
                  :file-list="imgData6"
                  :limit="1"
                  name="file"
                  accept=".jpg,.jpeg,.png,.JPG,.JPEG,.PNG"
                  :before-upload="beforeUpload"
                  :on-success="handleSuccess6"
                  :on-preview="handlePictureCardPreview6"
                  :on-remove="handleRemove"
                >
                  <i class="el-icon-plus"></i>
                </el-upload>
                <p>法人身份证正面</p>
                <el-dialog :visible.sync="dialogVisible6">
                  <img width="100%" :src="dialogImageUrl6" alt="" />
                </el-dialog>
              </div>
              <div style="float: left; margin-left: 20px">
                <el-upload
                  disabled="true"
                  :action="httpurl + '/api/fileUpload'"
                  list-type="picture-card"
                  :file-list="imgData7"
                  :limit="1"
                  name="file"
                  accept=".jpg,.jpeg,.png,.JPG,.JPEG,.PNG"
                  :before-upload="beforeUpload"
                  :on-success="handleSuccess7"
                  :on-preview="handlePictureCardPreview7"
                  :on-remove="handleRemove"
                >
                  <i class="el-icon-plus"></i>
                </el-upload>
                <el-dialog :visible.sync="dialogVisible7">
                  <img width="100%" :src="dialogImageUrl7" alt="" />
                </el-dialog>
                <p>法人身份证反面</p>
              </div>
              <div style="float: left; margin-left: 20px">
                <el-upload
                  disabled="true"
                  :action="httpurl + '/api/fileUpload'"
                  list-type="picture-card"
                  :file-list="imgData8"
                  :limit="1"
                  name="file"
                  accept=".jpg,.jpeg,.png,.JPG,.JPEG,.PNG"
                  :before-upload="beforeUpload"
                  :on-success="handleSuccess8"
                  :on-preview="handlePictureCardPreview8"
                  :on-remove="handleRemove"
                >
                  <i class="el-icon-plus"></i>
                </el-upload>
                <el-dialog :visible.sync="dialogVisible8">
                  <img width="100%" :src="dialogImageUrl8" alt="" />
                </el-dialog>
                <p>银行卡正面照片</p>
              </div>
            </el-form-item>
          </div>
          <el-col
            class="boxer"
            style="
              width: 95%;
              margin: 0 auto;
              padding-bottom: 20px;
              padding-left: 40%;
            "
          >
            &nbsp;&nbsp;&nbsp;&nbsp;
            <el-button type="primary" plain @click="oemsnb()">返回</el-button>
          </el-col>
        </el-form>
      </div>
    </div>
  </div>
</template>

<script>
import axios from "axios";
export default {
  data() {
    return {
      dialogVisible: false,
      dialogVisible1: false,
      dialogVisible2: false,
      dialogVisible3: false,
      dialogVisible4: false,
      dialogVisible5: false,
      dialogVisible6: false,
      dialogVisible7: false,
      dialogVisible8: false,
      dialogVisible9: false,
      serveCode: "",
      imgData: [],
      imgData1: [],
      imgData2: [],
      imgData3: [],
      imgData4: [],
      imgData5: [],
      imgData6: [],
      imgData7: [],
      imgData8: [],
      imgData9: [],
      officeUid: null,
      account: null,
      accountNum: null,
      createTimer: null,
      datas: null,
      //基本信息
      infoDatas: null,
      tableData: null,
      status: ["启用", "停用"],
      tableDatas: null,
      bankList: [],
      types: ["OEM", "普通代理","","渠道机构"],
      // 判断是谁登陆的
      jurisdiction: "",
      loadingBool: true,
    };
  },
  created() {
    let ofid = this.$route.params.id;
    this.jurisdiction = localStorage.getItem("jurisdiction");

    // alert("获取开户银行信息")
    axios
      .post("/bank/queryBank")
      .then((res) => {
        // console.log(JSON.stringify(d) + "00000");
        if (res.data.code == "0000") {
          this.bankList = res.data.data;

          this.details();
          console.log(this.bankList);
          /*  _this.form.toOfficeUid = d.data.oemuid;*/
        } else {
          layer.open({
            content: res.data.msg,
            skin: "msg",
            time: 2, //1秒后自动关闭
          });
        }
      })
      .catch(function (error) {
        //axios请求失败回调
        console.log(error);
      });
    //支付宝
    axios
      .post("/api/office/queryOfficeAliInfo", { officeUid: ofid })
      .then((res) => {
        console.log("下面是支付宝");
        console.log(res);
        this.tableDatas = res.data.data;
      })
      .catch((err) => {
        // alert("失败")
        return;
      });

    //普通信息
  },
  methods: {
    details() {
      let ofid = this.$route.params.id;
      axios
        .post("/api/office/getUpdateOfficeInfo", { officeUid: ofid })
        .then((res) => {
          console.log(res);
          this.infoDatas = res.data.data;
          this.imgData.push({ url: res.data.data.certFace });

          this.imgData1.push({ url: res.data.data.certBack });
          this.imgData2.push({ url: res.data.data.certBody });
          this.imgData3.push({ url: res.data.data.bankCardPho });
          this.imgData4.push({ url: res.data.data.busLicencePho });
          console.log(res.data.data.busLicencePho);
          this.imgData5.push({ url: res.data.data.openAccPho });
          this.imgData6.push({ url: res.data.data.legalCertFrontPho });
          this.imgData7.push({ url: res.data.data.legalCertBackPho });
          this.imgData8.push({ url: res.data.data.bankCardPho });
          this.imgData9.push({ url: res.data.data.bankCardPhoBack });
          this.dialogImageUrl = res.data.data.certFace;
          this.dialogImageUrl1 = res.data.data.certBack;
          this.dialogImageUrl2 = res.data.data.certBody;
          this.dialogImageUrl3 = res.data.data.bankCardPho;
          this.dialogImageUrl4 = res.data.data.busLicencePho;
          this.dialogImageUrl5 = res.data.data.openAccPho;
          this.dialogImageUrl6 = res.data.data.legalCertFrontPho;
          this.dialogImageUrl7 = res.data.data.legalCertBackPho;
          this.dialogImageUrl8 = res.data.data.bankCardPho;
          this.dialogImageUrl9 = res.data.data.bankCardPhoBack;
          this.serveCode = res.data.data.hkproCode;
          console.log(this.bankList);
          this.bankList.map((items) => {
            console.log(items);
            if (res.data.data.openBank == items.bankCode) {
              res.data.data.openBank = items.bankName;
            } else {
              res.data.data.openBank = res.data.data.openBank;
            }
          });
          console.log(res);
          setTimeout(() => {
            this.loadingBool = false;
          }, 300);
        })
        .catch((err) => {
          console.log(err);
        });
    },
    handlePictureCardPreview(file) {
      // this.dialogImageUrl7 = file.url;
      this.dialogVisible = true;
    },
    handlePictureCardPreview1() {
      console.log(this.dialogImageUrl4);
      // this.dialogImageUrl7 = file.url;
      this.dialogVisible1 = true;
    },
    handlePictureCardPreview2() {
      console.log(this.dialogImageUrl4);
      // this.dialogImageUrl7 = file.url;
      this.dialogVisible2 = true;
    },
    handlePictureCardPreview3() {
      console.log(this.dialogImageUrl4);
      // this.dialogImageUrl7 = file.url;
      this.dialogVisible3 = true;
    },
    handlePictureCardPreview4() {
      console.log(this.dialogImageUrl4);
      // this.dialogImageUrl7 = file.url;
      this.dialogVisible4 = true;
    },
    handlePictureCardPreview5() {
      console.log(this.dialogImageUrl4);
      // this.dialogImageUrl7 = file.url;
      this.dialogVisible4 = true;
    },
    handlePictureCardPreview8() {
      console.log(this.dialogImageUrl4);
      // this.dialogImageUrl7 = file.url;
      this.dialogVisible8 = true;
    },
    handlePictureCardPreview9() {
      console.log(this.dialogImageUrl4);
      // this.dialogImageUrl7 = file.url;
      this.dialogVisible9 = true;
    },
    handlePictureCardPreview6() {
      console.log(this.dialogImageUrl4);
      // this.dialogImageUrl7 = file.url;
      this.dialogVisible6 = true;
    },
    handlePictureCardPreview7() {
      console.log(this.dialogImageUrl4);
      // this.dialogImageUrl7 = file.url;
      this.dialogVisible7 = true;
    },
    oemsnb() {
      var _this = this;
      _this.$router.push({ name: "mechanismaa" });
      sessionStorage.setItem("huixianid", "");
      _this.$emit("type", 1);
    },
  },
};
</script>

<style scoped>
.con {
  position: relative;
}
.contbox6_10 {
  width: 100%;
  /*  height: 87.5vh; */
  overflow-x: auto;
  box-sizing: border-box;
  float: left;
}
.basicInfo {
  width: calc(100% - 40px);
  margin: 20px;
  height: 40px;
  line-height: 40px;
  padding-left: 20px;
  background: #f9fafc;
  float: left;
}
.list {
  width: 570px;
}
.lists {
  width: 1200px;
  overflow: hidden;
  white-space: normal;
  word-break: break-all;
}
.infoList {
  /* padding-left: 10px; */
  font-size: 14px;
  /* display: flex; */
  /* flex-wrap: wrap; */
}
.infoList > li {
  margin-bottom: 10px;
  display: flex;
  /* width: 50%; */
  box-sizing: border-box;
}
.infoList > li > div:first-of-type {
  margin-right: 20px;
  text-align: right;
}
.subTitle {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 20px;
  padding-top: 10px;
}
.infoList > li > div:first-of-type {
  width: 60px;
  text-align: right;
}
.mainTitle {
  margin-top: 50px;
  font-size: 16px;
  font-weight: bold;
  color: #2f2c29;
}
/deep/ .el-button--primary.is-plain {
  background: white !important;
}
/deep/ .el-button--primary.is-plain:hover {
  /* background: white !important; */
  color: #409eff;
}
/deep/ .el-upload--picture-card {
  display: none;
}
</style>
